function commit_attributes() {
    let div = document.getElementById("attributes_div");
    //获取div下的所有input
    let inputs = div.getElementsByTagName("input");
    let attributes = {};
    for (let i = 0; i < inputs.length; i++) {
        if (inputs[i].type == "text") {
            let key = inputs[i].id;
            let value = inputs[i].value;
            //将key和value添加到div的data-attributes属性中
            attributes[key] = value
        }
    }
    document.getElementById("attributes").value = JSON.stringify(attributes);
}
function show_attributes(_attributes) {
    let attributes = JSON.parse(_attributes);
    for (const key in attributes) {
        if (Object.hasOwnProperty.call(attributes, key)) {
            console.log(key, attributes[key]);
            document.getElementById(key).value = attributes[key];
        }
    }
}

// 确保DOM内容已加载完成
document.addEventListener('DOMContentLoaded', (event) => {
    // 创建一个新的div元素
    const newDiv = document.createElement('div');

    // 为新div设置ID或类名以便于样式控制和后续操作（可选）
    newDiv.id = 'newDivId';
    newDiv.className = 'newDivClass';

    // 可以为div添加内容，比如文本或其它元素
    newDiv.innerHTML = `<pre>
    生命值 (health 或 hp)
    魔法值 (mana 或 mp)
    最大生命值 (max_health)
    最大魔法值 (max_mana)
    力量 (strength)
    敏捷 (agility)
    智力 (intelligence)
    防御 (defense)
    速度 (speed)
    暴击率 (critical_rate)
    闪避率 (dodge_rate)
    物理攻击力(attack_power)
    魔法攻击力(magic_power)
    物理防御力(physical_defense)
    魔法防御力(magic_defense)
    中毒(poison)
    解毒(cures_poison)
    眩晕(stun)
    解除眩晕(cures_stun)

    增益状态（Positive Effects）:
    health_boost - 生命值提升
    mana_boost - 魔法值提升
    strength_boost - 力量增强
    agility_boost - 敏捷增强
    intelligence_boost - 智力增强
    defense_boost - 防御增强
    speed_boost - 速度提升
    critical_rate_boost - 暴击率提升
    dodge_rate_boost - 闪避率提升
    damage_resistance - 伤害抵抗
    healing_increase - 治疗效果增强
    fire_resistance - 火焰抗性
    ice_resistance - 冰冻抗性
    poison_resistance - 毒素抗性
    energy_regeneration - 能量回复

    减益状态（Negative Effects）:
    poisoned - 中毒
    burning - 燃烧
    frostbite - 冻伤
    bleeding - 流血
    stun - 昏迷或晕眩
    silence - 沉默，无法使用技能
    slow - 减速
    weakness - 虚弱，攻击力下降
    curse - 诅咒，多种负面效果
    blind - 失明，视野或准确性降低
    dizziness - 眩晕，操作困难
    paralysis - 瘫痪，无法移动或行动
    fear - 恐惧，可能影响操作或决策
    vulnerability - 易损，受到伤害增加
    sap_magic - 魔法流失，魔法值减少

    控制效果（Crowd Control Effects）:
    knockback - 击退
    knockdown - 击倒
    snare - 陷阱，减缓移动速度
    root - 定身，无法移动
    
    特殊状态（Special Conditions）:
    invisibility - 隐形
    haste - 急速，提高行动速度和/或攻击速度
    berserk - 狂暴，增加攻击力但可能降低防御
    shield - 护盾，吸收一定量的伤害
    empathy - 共情，增强治疗和增益效果
    rage - 愤怒，提升战斗能力
    regen - 再生，持续恢复生命值
    </pre>`;

    // 将新创建的div添加到body的末尾
    document.body.appendChild(newDiv);
    let textareas = document.getElementsByTagName('textarea')
    for (const iterator of textareas) {
        //设置每一个textarea的高宽
        iterator.style.width = 300 + 'px';
        iterator.style.height = 100 + 'px';
    }
});
